/* ----------------------------------

vk_mobile_touch_plus.css  file for Discuz! X3 Mobile touch


【未来科技】 
http://www.veikei.com
专注于 Discuz模板开发设计等服务。
详情请 查看 www.veikei.com
或咨询 客服 QQ 1508085698 1595675868

Author: Veikei
Created Time: 2013-08-25
Modified Time: 2013-10-01
Update Time: 2013-11-18

---------------------------------- */
html { overflow-x: hidden  !important; }
body { background:#f2f2f2;}

#header, .header, #footer {/* background: #999; font-size: 16px; font-weight: bold; color: #fff;*/ /*text-align: center; padding: 0 50px; line-height: 40px; height: 40px; padding: 0 5px; */}

#header a.right, .header a.right { left: auto; right: 10px; }
#header,  #footer { position: fixed; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }


/* common */
.vk_fixed { position: fixed ; }
.vk_left { float: left !important; }
.vk_right { float: right !important; }
.vk_w_50 { width: 49.90%; }
.vk_margin_top_0 { margin-top: 0px !important; }
.vk_padding_top_0 { padding-top: 0px !important; }
.vk_color_fff { color: #fff; }
.vk_color_fff a { color: #fff; }
a.vk_color_fff { color: #fff !important; }
.vk_color_fff li a { color: #fff; }
.vk_color_333 { color: #333; }
.vk_color_333 a { color: #333; }
.vk_color_333 li a { color: #333; }
.vk_border_none { border: none !important; }
.vk_border_none li { border: none !important; }
.vk_border_none a { border: none !important; }
.vk_bg_none { background: none !important; }
.vk_shadow_none { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; }
.vk_shadow_3 { -moz-box-shadow: 2px 2px 3px #999; -webkit-box-shadow: 2px 2px 3px #999; box-shadow: 2px 2px 3px #999; }
.vk_page { position: relative; }

/* header_common */

#page nav {	display: none; }


#page{
-webkit-transition: left 0.3s ease, right 0.3s ease ; 
-moz-transition: left 0.3s ease, right 0.3s ease ; 
transition: left 0.3s ease, right 0.3s ease ;
}

#header { 
 position: fixed; width: 100%; height:46px; line-height:46px;  z-index: 99;   background:url(../images/vk_header.png) repeat-x;  opacity:.96; filter:alpha(opacity=96);/* border: 1px solid #269; */ border: none ;  margin-left: 0px; top: 0; left: 0%; padding-top:3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 

-webkit-transition: left 0.3s ease, right 0.3s ease ; 
-moz-transition: left 0.3s ease, right 0.3s ease ; 
transition: left 0.3s ease, right 0.3s ease; 

}

#content, .content { padding: 20px; }
#content { padding: 0px; padding: 40px 0 60px 0; margin: 0px;/* background:#fff;*/ }


#footer {
 position: fixed; width: 100%; height:50px; z-index: 99;  background: url(../images/vk_footer.png) repeat-x; opacity:.96; filter:alpha(opacity=96);/* border: 1px solid #269; */ border: none; margin-left: 0px;  bottom: 0; left: 0%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 

-webkit-transition: left 0.3s ease, right 0.3s ease ; 
-moz-transition: left 0.3s ease, right 0.3s ease ; 
transition: left 0.3s ease, right 0.3s ease ;
}

html.mm-opened #header, html.mm-opened #footer  { margin-left: 0px; left: 0%;  }
html.mm-opening #header, html.mm-opening #footer {  margin-left:-65px;  left: 100%;  }



 @media all and (min-width: 500px) {

html.mm-opening #header { left: 500px; }
html.mm-opening #footer { left: 500px; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (min--moz-device-pixel-ratio: 1.3),
       only screen and (min-resolution: 200dpi) {
/*
html.mm-opened #header, html.mm-opened #footer  {left: 20%;  }
*/
html.mm-opening #page {left:80%;  }
html.mm-opening #header {left: 80%;  top: 0; margin-left:0px;  }
html.mm-opening #footer {left: 80%;  bottom: 0; margin-left:0px;  }
	   }

/* header */

.vk_header_left { float: left ; width:15%; display:inline; }
.vk_header_middle { float:left ; width:70%; display:inline; }
.vk_header_right { float: right ;width:14.5%; display:inline;  }


.vk_header .vk_menu, .vk_header .user_fun { overflow: hidden; }
.vk_header .vk_menu a#vk_menu_icon { display: block; width: 40px; height: 40px; position: absolute; top: 5px; left: 5px; }
.vk_header .vk_menu .vk_logo { display: block; width: 170px; height: 40px; margin:0 auto; /* position: absolute; top: 5px; left: 50px;*//*width: 100px; height: 50px;*/ }

.user_fun li { float: right; padding: 5px 5px 10px 5px; }
.user_fun li a, .nav .icon_edit a { display: block; width: 28px; height: 28px; line-height: 2000px; overflow: hidden; /*  background-size: 28px 28px; */ }
.user_fun a.icon_userinfo { background: url(../images/vk_fun_icon_user.png) no-repeat; background-size: 28px 28px; }
.user_fun a.icon_threadlist { background: url(../images/vk_fun_icon_forum.png) no-repeat; background-size: 28px 28px; }
.user_fun a.icon_search { background: url(../images/vk_fun_icon_search.png) no-repeat; background-size: 28px 28px; }
.user_fun a.icon_hotthread { background: url(../images/vk_fun_icon_hot.png) no-repeat; background-size: 28px 28px; }

.nav .icon_edit a { background: url(../images/vk_fun_icon_edit.png) no-repeat; background-size: 28px 28px; }
.user_fun a.icon_userinfo:hover, .user_fun .on a.icon_userinfo { background-position: 0 0; }
.user_fun a.icon_threadlist:hover, .user_fun .on a.icon_threadlist { background-position: 0 0; }
.user_fun a.icon_search:hover, .user_fun .on a.icon_search { background-position: 0 0; }
.user_fun a.icon_hotthread:hover, .user_fun .on a.icon_hotthread { background-position: 0 0; }
.nav .icon_edit a:hover { background-position: 0 0; }
.vk_navbar { display: block; width: 100%; height: 40px; }
.newMessage { color: #fc0; }



/* grid 4: 25/25/25/25 */
.vk_grid_4 { clear: left; }
.vk_grid_4 li { width: 24.925%; display: inline-block; margin: 0; padding: 0; border: 0; float: left;  }
.vk_grid_4 li { text-align:center; height:50px; line-height: 80px;/*76px; border-right:1px solid #1a71a3; */ background: none  /*url(../images/nv_li.png) no-repeat 100%  0 */; }
.vk_grid_4  li:nth-child(4) { width: 25%; margin-right: -.5px;  background: none; }
.vk_grid_4 li a { display:inline-block; width:100%; height:100%; font-size:10px; color:#fff; font-weight:normal; text-shadow:none; }


	/* no word */
	/*	.vk_grid_4 li a {  text-indent:9999px;  }
	*/	

/* icon */
.icon_msg { position: absolute;background: url(../images/icon_msg.png) no-repeat; width:10px; height:10px; display:block; top:5px; left:65%;  background-size: 10px 10px; }

.vk_icon {}
.vk_icon_back { background: url(../images/vk_icon_back.png)  no-repeat 50% 12%;  background-size: 28px 28px; }
.vk_icon_home { background: url(../images/vk_icon_home.png)  no-repeat 50% 12%;  background-size: 28px 28px;}
.vk_icon_bbs { background: url(../images/vk_icon_bbs.png)  no-repeat 50% 12%;  background-size: 28px 28px; }
.vk_icon_userinfo  { background: url(../images/vk_icon_userinfo.png)  no-repeat 50% 12%;  background-size: 28px 28px; }




/* panel */


#menu { padding-left:0px !important;}
	/* ios7 bg */
	#menu { background:#333 url(../images/vk_menu_bg.png) repeat-y 0% 30%;}
#menu  ul { padding-left:0px !important;}
#menu  li { text-indent:40px;}
#menu  li a {color:#fff; line-height:30px; padding-top:6px; padding-bottom:6px; }


.vk_icon_menu_home { background: url(../images/vk_icon_menu_home.png) no-repeat 6% 50%; background-size: 20px 20px; }
.vk_icon_menu_bbs { background: url(../images/vk_icon_menu_bbs.png) no-repeat 6% 50%; background-size: 20px 20px; }
.vk_icon_menu_hot { background: url(../images/vk_icon_menu_hot.png) no-repeat 6% 50%; background-size: 20px 20px; }
.vk_icon_menu_fav { background: url(../images/vk_icon_menu_fav.png) no-repeat 6% 50%; background-size: 20px 20px; }
.vk_icon_menu_thread { background: url(../images/vk_icon_menu_thread.png) no-repeat 6% 50%; background-size: 20px 20px; }
.vk_icon_menu_pm { background: url(../images/vk_icon_menu_pm.png) no-repeat 6% 50%; background-size: 20px 20px; }
.vk_icon_menu_profile { background: url(../images/vk_icon_menu_profile.png) no-repeat 6% 50%; background-size: 20px 20px; }
.vk_icon_menu_computer { background: url(../images/vk_icon_menu_computer.png) no-repeat 6% 50%; background-size: 20px 20px; }
.vk_icon_menu_logout { background: url(../images/vk_icon_menu_logout.png) no-repeat 6% 50%; background-size: 20px 20px; }

.vk_icon_menu_pic { background: url(../images/vk_icon_menu_pic.png) no-repeat 6% 50%; background-size: 20px 20px; }


/* ios7 */
.vk_icon_menu_home , .vk_icon_menu_bbs , .vk_icon_menu_hot, .vk_icon_menu_fav , .vk_icon_menu_thread, .vk_icon_menu_pm, .vk_icon_menu_profile, .vk_icon_menu_computer, .vk_icon_menu_logout , .vk_icon_menu_pic  { background-size: 30px 30px; }


  .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu .mm-list > li.mm-selected > span {
    background-color:#181818; }


.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {  margin-left:0 /*20px*/; }



/* forum */


.vk_pic_hd { }
.vk_pic_hd img { max-width: 60px; max-height: 60px; margin:3px 0; }


	.wp {}
	.wm { margin:0 10px; }
	.bm { margin-bottom: 10px; }
	.bm_c { padding: 0 10px; }

	.bm_h .o { float: right; width: 31px; }
		.bm_h .o img { float: right; cursor: pointer; padding-top:5px; }
	.bm_h .i { padding-left: 10px; }
	.bm_h .pn { margin-top: 4px; }
	.bm_h { height: 36px; background: url(../images/titlebg.png) repeat-x left bottom; line-height: 36px; white-space: nowrap; overflow: hidden;  border-radius: 5px  5px 0 0 ; }
	.bm_h h2 { height: 36px; background: url(../images/titlebg.png) no-repeat left top; border-radius: 5px  5px 0 0 ; }
	.bm_h:hover {/* background: url(../images/titlebg.png) repeat-x left -40px;*/ }
	.bm_h h2 a { display:block; margin:0 31px 0 10px; padding-left:10px; font-size:18px; line-height:36px; font-weight:400; color:#fff; }

	.sub_forum {  border-radius: 5px  5px 5px 5px;}

.vk_forum { background: #FFF; border: 1px solid #EDEDED; border-top: 0; border-radius:5px 5px 5px 5px; }
.vk_forum li { height: 60px; border-bottom: 1px solid #ccc; overflow: hidden; padding-left: 0px; }
.vk_forum li img { float: left; /*min-height: 40px; */  max-height: 50px; display: inline-block; margin: 5px 10px 0 0;}
.vk_forum li:last-child { border-bottom: none; }
.vk_forum li a { display: block; }
/*
	.vk_sub_forum li .num { background:#35A3E6; color:#FFF; float: right; font-size: 14px; height: 25px; line-height: 25px; margin-top: 7px; padding: 0 10px;border-radius:10px; }
*/	

.vk_forum_title {height:16px; line-height:16px; overflow:hidden; font-size:1.125em; color:#333; padding:0; margin:7px 0 3px 0; letter-spacing:1px;}
.vk_forum_time {height:14px; line-height:14px; overflow:hidden; font-size:10px;color:#aaa; padding:0;  letter-spacing:1px;}
.vk_forum_span {height:14px; line-height:14px; overflow:hidden; font-size:12px;color:#aaa; padding:0;  letter-spacing:1px;}
.vk_forum_count { width:auto; padding:0 4px; height:12px; line-height:10px; text-align:center; background:#69c;  border-radius: 16px; font-size:10px;color:#fff;  }

/*-- threadlist --*/

.vk_thread_type { }
.vk_thread_type a {  display: inline-block; background:#fff !important; border:1px solid #ccc; padding:1px 5px; margin:2px 2px; text-align:center; font-size:12px; color:#555; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; } 



.vk_threadlist li a { display: block; padding: 3px 5px 5px 5px; font-size: 16px; line-height: 25px; }
.vk_threadlist li h2.vk_pic_thread_title { height: 40px; line-height: 20px; padding: 0px; margin: 0px; font-size: 16px; overflow: hidden; }
.threadlist p a { padding-left: 0px; }
.threadlist .num { position: absolute; right: 10px; bottom: 20px; padding: 0 0 0 18px; font-size: 12px; color: #ccc; font-weight: normal !important; }


.vk_threadlist_pic { float:left;  width:100%; height:auto;  clear:both;}
.vk_threadlist_pic li { float:left; width:47.5%; height:165px; overflow:hidden;  margin:3px 3px; display: inline-block; padding:0px; border:1px solid #ccc; background:#fff;  }
.vk_threadlist_pic li a {padding: 3px 3px 0px 3px; }
.vk_threadlist_pic li:nth-child(2n) { float:right; }

.vk_threadlist_pic li img { max-width: 146px; max-height: 110px; overflow:hidden; margin:0px 3px 0px 0px; padding:0px; }
.vk_threadlist_pic li .vk_threadlist_pic_title { width: 100%; height:50px; overflow:hidden; /* background:#eee; */ border-top:1px solid #eee; padding: 0px; margin:0px;  }
.vk_threadlist_pic li h2 { width: 100%; height:14px; line-height:14px;   overflow:hidden;  padding: 0px 0px; font-size: 12px; color:#888; }
.vk_threadlist_pic li .by { display:inline; height:12px; line-height:12px;   padding: 0px; font-size: 10px; color:#888; }

	
/*----- viewthread -----*/
	/*width:32px;height:32px; */
	.plc .avatar img{ border:1px solid #D7D7D7; padding:1px; border-radius:20px; }

/* max-width:500px !important; max-height:500px !important;*/
/*
	.plc .pi .message img,.plc .pi .img_one img { margin:0px 4px 0px 0; max-width:140px; max-height:140px; }

*/ 
	.plc .pi .message img,.plc .pi .img_one img { margin:0px 4px 0px 0; /*width:100%; height:100%; */max-width:140px; max-height:140px; }